<template>
  <div class="container">
    <navbar :title="dataBroad.ilsTitle">
        <template #right>
          <router-link tag="a"
              :to="`/detailMessage/${itmId}/1/${appStatus}`"
              class="message-2">
              <div class="dot"></div>
          </router-link>
        </template>
    </navbar>
    <div style="margin-top:2px;height:100%">
      <iframe :src="dataBroad.ilsLiveUrl" class="content"  frameborder="0" scrolling="auto"></iframe>
    </div>
  </div>
</template>

<script>
export default {
    name: 'faceBroadcast',
    data() {
        return {
            itmId: this.$route.query.itmId,
            appStatus: this.$route.query.appStatus,
            dataBroad: {}
        };
    },
    mounted() {
        this.dataBroad = JSON.parse(this.$route.query.BroadcastDta);
    },
    methods: {
    }
};
</script>

<style scoped lang="less">
  .container{
    height: 100%;
    .content{
      width: 100%;
      height: 100%;
    }
  }
</style>
